<template>
  <div>
    御剑乘风来,除魔天地间!
    <hr />

    <NavBar
      :left="left"
      :leftFlag="leftFlag"
      :conter="conter"
      :rightFalg="rightFalg"
      :right="right"
    ></NavBar>

    <hr>
    <NavBar
      :left="'嘿嘿'"
      :leftFlag="leftFlag"
      :conter="'衣服'"
      :rightFalg="rightFalg"
      :right="'看看嘛'"
    ></NavBar>

    <hr>

    <NavBar
      :left="'别走'"
      :leftFlag="leftFlag"
      :conter="'辣条'"
      :rightFalg="rightFalg"
      :right="'分享分享'"
    ></NavBar>
  </div>
</template>
<script>
import NavBar from './components/NavBar.vue'
export default {
  name: 'App',
  components: {
    NavBar
  },
  data () {
    return {
      left: '返回11',
      leftFlag: true,
      conter: '精品推荐',
      rightFalg: true,
      right:'分享'
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
